<style>
<!--
.form_editar_registro{background-color:white; padding:15px;}

.linea_edit_registro{width:100%;  float:left; padding-top:0.5em; }
.text_form_edit_registro{width:30%; float:left;}
.text_form_edit_registro label {size:1.5em;}
.input_form_edit_registro{ width:50%; float:left;}
.opciones_edit_registro{width:90%; padding:1em 0em 0em 3em;  float:left;}
-->
</style>
<div id="dialog_nuevo_registro_<?php echo($id_div); ?>" class="form_editar_registro" >
	<form id="form_nuevo_registro_<?php echo($id_div); ?>" method="post">
		<?php for($i=0;$i<count($campos);$i++){ //recorremos todos los campos de la tabla y montamos el formulario
				$campo = $campos[$i]['campo']; 	?>
		<div class="linea_edit_registro">
			<div class="text_form_edit_registro">	
				<label for="<?php echo($campo);?>"><?php echo($campo);?>:</label>
			</div>
			<div class="input_form_edit_registro">
				<input class="easyui-validatebox" type="text" name="<?php echo($campo);?>" onchange="javascript:comprobarCaracteres(this.value);"  value=""/>
	    	</div>
	    </div>
	    <?php } ?>
	    <div class="opciones_edit_registro">
	    	<input type="submit" class="easyui-linkbutton" value="Submit" id="submit_form"></input>
	    	<input type="button" class="easyui-linkbutton" value="Cerrar" id="cerrar_form_<?php echo($id_div);?>"></input>
	    	<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>
	    </div>
	</form>
</div>

<script>

load_dialog_nuevo_registro('<?php echo($bbdd);?>','<?php echo($tabla);?>');

function load_dialog_nuevo_registro(bbdd,tabla){
	
	$('#dialog_nuevo_registro_'+bbdd+'_'+tabla).dialog({  
	    title: 'Nuevo Registro -> Base Datos:'+bbdd+' - Tabla:'+tabla,  
	    width: 500, 
	    closed: false,  
	    cache: false,
	    modal: true  
	});  


	$('#form_nuevo_registro_'+bbdd+'_'+tabla).form({
	    url:urlbase+'datos_tabla/insert_registro/'+bbdd+'/'+tabla,
	    success:function(result){
	        $('#dialog_nuevo_registro_'+bbdd+'_'+tabla).dialog('close');
	        $('#mostrar_tabla_'+bbdd+'_'+tabla).datagrid('reload');
	    }
	});
	
	function comprobarCaracteres(texto){
		//alert(texto);
	}
	$("#cerrar_form_nuevo_registro_"+bbdd+'_'+tabla).click(function() {
		$('#dialog_nuevo_registro_'+bbdd+'_'+tabla).dialog('close');
	});

	$('#btn').linkbutton({ iconCls: 'icon-search' });


}
</script>